page{
	background:rgba(242,242,242,1);
}
.top-bar-item {
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	text-align: center;
}
.top-bar-item  .text{
	margin-bottom: 10rpx;
}
.top-bar-item.active .bottom-line{
		width:80rpx;
		height:6rpx;
		background:rgba(39,169,253,1);
		border-radius:3px;
	margin: 0 auto;
} 
.top-bar{
	display: flex;
	align-items: center;
	    justify-content: space-around;
		padding:  20rpx  0;
	
	
}


.radio-time-box{
	/* background: #fff; */
}
.radio-time-box .timer-box,.bumen-qiandao-box,.fenlei-line,.radio-box-content{
	background: #fff;
}
.timer-box{
	display: flex;
	align-items: center;
	padding: 20rpx 24rpx;
}
.timer-box .arrow-img image{
		width: 16rpx;
		height: 10rpx;
		display: block;
}
.timer-box .timer-text{
		font-size:20rpx;
		font-family:SF Pro Text;
		font-weight:400;
		color:rgba(51,51,51,1);
		margin-right: 10rpx;
}
.top-bar{
	background: #fff;
}
.radio-time-box .radio-box{
		width:200rpx;
		height:200rpx;
		background:linear-gradient(0deg,rgba(36,142,247,1) 0%,rgba(63,175,253,1) 100%);
		border-radius:50%;
		text-align: center;
		margin: 0 auto;
		
		
}
.bumen-qiandao-box{
	margin-top: 20rpx;
}
.radio-box-content{
	padding-top: 30rpx;
	padding-bottom: 40rpx;
}
.radio-box .text{
	font-size:20rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(188,223,253,1);
	padding-top: 60rpx;
}
.radio-box .num{
	font-size:36rpx;
	font-family:SF Pro Text;
	font-weight:500;
	color:rgba(255,255,255,1);
	margin-top: 10rpx;
}
.radio-box .num .haveno{
	font-size:28rpx;
}
.line-height{
	height:1px;
	background:rgba(245,245,245,1);
}
.fenlei-line-box{
	font-size:28rpx;
	font-family:PingFang SC;
	font-weight:bold;
	color:rgba(51,51,51,1);
	display: flex;
	align-items: center;
	padding: 20rpx 24rpx;
	justify-content: space-between;
	
}
.fenlei-line-box .right-arrow image{
	width: 10rpx;
	height: 16rpx;
	display: block;
	
} 
.bumen-qiandao-box .bumensignin{
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:bold;
	padding: 0 24rpx;
	padding-top: 30rpx;
	color:rgba(51,51,51,1);
}
.bumensignin-content-left .text-box{
	font-size:20rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	display: flex;
	align-items: center;
}
.bumensignin-content-left .bfb{
	width: 300rpx;
	margin-left: 10rpx;
}
.bumensignin-content-left  .timer{
	font-size:18rpx;
	font-family:PingFang SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	margin-top: 10rpx;
}
.bumensignin-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:  20rpx 24rpx;
}
.bumensignin-content-right{
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	display: flex;
	align-items: center;
	text-align: center;
	
}
.bumensignin-content-right .avr-right{
	margin-left: 20rpx;
}
.bumensignin-content-right .text-tip{
	font-size:18rpx;
	font-family:PingFang SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	margin-top: 10rpx;
}
.content-box .stwich-box-item{
	
	line-height:44rpx;
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(153,153,153,1);
	background:rgba(245,245,245,1);
	border-radius:4px;
	padding:  0 20rpx;
	margin-right: 40rpx;
	
}
.content-box .stwich-box-item.active{

	color:rgba(255,255,255,1);
	background:rgba(39,169,253,1);
	
	
}
.content-box{
	background: #fff;
}
.stwich-box{
	display: flex;
	padding: 20rpx 24rpx;

}
.content-box-content-item .left-img-box image {
	width: 80rpx;
	height: 80rpx;
	display: block;
} 
.content-box-content-item .infor-box .name{
	font-size:28rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
}
.content-box-content-item .infor-box .patrmeng{
	font-size:20rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(153,153,153,1);
	margin-top: 10rpx;
}
.content-box-content-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rpx 24rpx;
}
.content-box-content-item .left-img-box{
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
}
.content-box-content-item .left-img-box .img-box{
	margin-right: 20rpx;
}
.content-box-content-item .right-sign{
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
}

page{
	background:rgba(242,242,242,1);
}
.top-timer .left-week-box{
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(153,153,153,1);
	line-height:48rpx;
	border:1px solid rgba(39,169,253,1);
	border-radius:48rpx;
	
}
.top-timer{
	
}
.left-week-box .item.active{
	background:rgba(39,169,253,1);
	color: #fff;
	
	line-height:48rpx;
	/* padding-left:20rpx; */
	border-radius: 48rpx;
}
.top-timer .left-week-box .month{
	margin-right: 10rpx;
	padding-right:20rpx;
	padding-left: 20rpx;
}
.top-timer .left-week-box .week{
	padding-right: 20rpx;
	padding-left: 20rpx;
}
.right-timer-text .arrow-img  image{
	width: 14rpx;
	height: 24rpx;
	display: block;
}
.right-timer-text{
	font-size:28rpx;
	font-family:SF Pro Text;
	font-weight:500;
	color:rgba(51,51,51,1);
	display: flex;
	align-items: center;
	
}
.right-timer-text .center-text{
	padding: 0 30rpx;
}
.top-timer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rpx 24rpx;
	background: #fff;
}
.left-week-box{
	display: flex;
	align-items: center;
}
.sign-title-box-content .avator-box image{
		width:80rpx;
		height:80rpx;
		display: block;
}
.sign-title-box-content .avator-box{
	margin-right: 20rpx;
}
.yueli-img image{
	width:46rpx;
	height:47rpx;
	display: block;
}
.userinfo-box .name{
	font-size:28rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	margin-bottom: 8rpx;
}
.userinfo-box .zhiwei{
		font-size:20rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
		
}
.sign-detail{
	background: #fff;
	/* padding: 0 24rpx; */
}
.sign-title-box-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sign-title-box-content .left-box{
	display: flex;
	align-items: center;
}
.sign-title-box-content{
	padding: 20rpx 24rpx;
}
.public-line-height{
	height:1px;
	background:rgba(245,245,245,1);
}
.sign-content-item-box {
	padding: 20rpx 24rpx;
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* gai  */
.sign-content-item.first .left-text image{
	width: 29rpx;
	height: 29rpx;
	display: block;
}
.sign-content-item.first .left-text{
	margin-right: 16rpx;
}
.sign-content-item.first .sign-content-item-box{
	justify-content: left;
}

.content-box-content-item .left-img-box image {
	width: 80rpx;
	height: 80rpx;
	display: block;
} 
.content-box-content-item .infor-box .name{
	font-size:28rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
}
.content-box-content-item .infor-box .patrmeng{
	font-size:20rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(153,153,153,1);
	margin-top: 10rpx;
}
.content-box-content-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rpx 24rpx;
}
.content-box-content-item .left-img-box{
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
}
.content-box-content-item .left-img-box .img-box{
	margin-right: 20rpx;
}
.content-box-content-item .right-sign{
	font-size:24rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
}




